<template>
   <div id="equipment" class="padding-inner">
      <div class="equipment-box ">

         <Panel panelTitle="冷水机组">
            <div class="left bg-color">

               <img src="@/assets/imgs/watercooling.jpg" alt="">

            </div>
            <div class="right bg-color">
               <template>
                  <el-table :data="tableData" height="200" border style="width: 100%" size="mini">
                     <el-table-column prop="name" label="名称">
                     </el-table-column>
                     <el-table-column prop="daihao" label="代号">
                     </el-table-column>
                     <el-table-column prop="edingzhilengliang" label="额定制冷量">
                     </el-table-column>
                     <el-table-column prop="edinggonglv" label="额定功率">
                     </el-table-column>
                     <el-table-column prop="dingpinbianpian" label="定频变频">
                     </el-table-column>
                     <el-table-column prop="yajileixing" label="压机类型">
                     </el-table-column>
                     <el-table-column prop="lengqueleixing" label="冷却类型">
                     </el-table-column>
                     <el-table-column prop="chuchangriqi" label="出厂日期">
                     </el-table-column>
                     <el-table-column prop="leijiyunxingxiaoshi" label="当前累计运行小时">
                     </el-table-column>
                     <el-table-column prop="daxiucishu" label="大修次数">
                     </el-table-column>
                     <el-table-column prop="shangcidaxiuriqi" label="上次大修日期">
                     </el-table-column>
                     <el-table-column prop="shangcibaoyangriqi" label="上次保养日期">
                     </el-table-column>
                     <el-table-column prop="shangcibaoyanghouxiaoshi" label="上次保养后运行小时">
                     </el-table-column>
                     <el-table-column prop="xiacibaoyangriqi" label="下次保养日期">
                     </el-table-column>
                     <el-table-column label="运行事件">
                     </el-table-column>
                  </el-table>
               </template>
            </div>
         </Panel>


      </div>
      <div class="equipment-box ">

         <Panel panelTitle="冷却水泵">
            <div class="left bg-color">

               <img src="@/assets/imgs/waterpump.jpg" alt="">

            </div>
            <div class="right bg-color">
               <template>
                  <el-table :data="tableData1" height="200" border style="width: 100%" size="mini">
                     <el-table-column prop="name" label="名称">
                     </el-table-column>
                     <el-table-column prop="daihao" label="代号">
                     </el-table-column>
                     <el-table-column prop="edingzhilengliang" label="额定制冷量">
                     </el-table-column>
                     <el-table-column prop="edinggonglv" label="额定功率">
                     </el-table-column>
                     <el-table-column prop="dingpinbianpian" label="定频变频">
                     </el-table-column>
                     <el-table-column prop="yajileixing" label="压机类型">
                     </el-table-column>
                     <el-table-column prop="lengqueleixing" label="冷却类型">
                     </el-table-column>
                     <el-table-column prop="chuchangriqi" label="出厂日期">
                     </el-table-column>
                     <el-table-column prop="leijiyunxingxiaoshi" label="当前累计运行小时">
                     </el-table-column>
                     <el-table-column prop="daxiucishu" label="大修次数">
                     </el-table-column>
                     <el-table-column prop="shangcidaxiuriqi" label="上次大修日期">
                     </el-table-column>
                     <el-table-column prop="shangcibaoyangriqi" label="上次保养日期">
                     </el-table-column>
                     <el-table-column prop="shangcibaoyanghouxiaoshi" label="上次保养后运行小时">
                     </el-table-column>
                     <el-table-column prop="xiacibaoyangriqi" label="下次保养日期">
                     </el-table-column>
                     <el-table-column label="运行事件">
                     </el-table-column>
                  </el-table>
               </template>
            </div>
         </Panel>


      </div>
      <div class="equipment-box ">

         <Panel panelTitle="冷冻水泵">
            <div class="left bg-color">

               <img src="@/assets/imgs/waterpump2.jpg" alt="">

            </div>
            <div class="right bg-color">
               <template>
                  <el-table :data="tableData2" height="200" border style="width: 100%" size="mini">
                     <el-table-column prop="name" label="名称">
                     </el-table-column>
                     <el-table-column prop="daihao" label="代号">
                     </el-table-column>
                     <el-table-column prop="edingzhilengliang" label="额定制冷量">
                     </el-table-column>
                     <el-table-column prop="edinggonglv" label="额定功率">
                     </el-table-column>
                     <el-table-column prop="dingpinbianpian" label="定频变频">
                     </el-table-column>
                     <el-table-column prop="yajileixing" label="压机类型">
                     </el-table-column>
                     <el-table-column prop="lengqueleixing" label="冷却类型">
                     </el-table-column>
                     <el-table-column prop="chuchangriqi" label="出厂日期">
                     </el-table-column>
                     <el-table-column prop="leijiyunxingxiaoshi" label="当前累计运行小时">
                     </el-table-column>
                     <el-table-column prop="daxiucishu" label="大修次数">
                     </el-table-column>
                     <el-table-column prop="shangcidaxiuriqi" label="上次大修日期">
                     </el-table-column>
                     <el-table-column prop="shangcibaoyangriqi" label="上次保养日期">
                     </el-table-column>
                     <el-table-column prop="shangcibaoyanghouxiaoshi" label="上次保养后运行小时">
                     </el-table-column>
                     <el-table-column prop="xiacibaoyangriqi" label="下次保养日期">
                     </el-table-column>
                     <el-table-column label="运行事件">
                     </el-table-column>
                  </el-table>
               </template>
            </div>
         </Panel>


      </div>
      <div class="equipment-box ">

         <Panel panelTitle="冷却塔">
            <div class="left bg-color">

               <img src="@/assets/imgs/tower.jpg" alt="">

            </div>
            <div class="right bg-color">
               <template>
                  <el-table :data="tableData3" height="200" border style="width: 100%" size="mini">
                     <el-table-column prop="name" label="名称">
                     </el-table-column>
                     <el-table-column prop="daihao" label="代号">
                     </el-table-column>
                     <el-table-column prop="edingzhilengliang" label="额定制冷量">
                     </el-table-column>
                     <el-table-column prop="edinggonglv" label="额定功率">
                     </el-table-column>
                     <el-table-column prop="dingpinbianpian" label="定频变频">
                     </el-table-column>
                     <el-table-column prop="yajileixing" label="压机类型">
                     </el-table-column>
                     <el-table-column prop="lengqueleixing" label="冷却类型">
                     </el-table-column>
                     <el-table-column prop="chuchangriqi" label="出厂日期">
                     </el-table-column>
                     <el-table-column prop="leijiyunxingxiaoshi" label="当前累计运行小时">
                     </el-table-column>
                     <el-table-column prop="daxiucishu" label="大修次数">
                     </el-table-column>
                     <el-table-column prop="shangcidaxiuriqi" label="上次大修日期">
                     </el-table-column>
                     <el-table-column prop="shangcibaoyangriqi" label="上次保养日期">
                     </el-table-column>
                     <el-table-column prop="shangcibaoyanghouxiaoshi" label="上次保养后运行小时">
                     </el-table-column>
                     <el-table-column prop="xiacibaoyangriqi" label="下次保养日期">
                     </el-table-column>
                     <el-table-column label="运行事件">
                     </el-table-column>
                  </el-table>
               </template>
            </div>
         </Panel>


      </div>
   </div>
</template>
  
<script>
import Panel from '@/components/base/Panel.vue';
import { getLenshuijizu } from '@/api/monitoring'
export default ({
   name: 'Equipment',
   components: {
      Panel,
   },
   created() {
      // this.initTestList()
   },
   data() {
      return {
         // tableData: [],
         tableData:[ { "id": 1, "lengshuijizu_uuid": "1", "shebeileixing_uuid": "1", "name": "冷水机组1", "daihao": "LSJ1", "edingzhilengliang": "1000kW", "edinggonglv": "200kW", "dingpinbianpian": "变频", "yajileixing": "离心", "lengqueleixing": "水冷", "chuchangriqi": "2023-06-29T00:00:00", "leijiyunxingxiaoshi": 12000, "daxiucishu": 1, "shangcidaxiuriqi": "2020-00-00 22:07:04.000000", "shangcidaxiuhouxiaoshi": 400, "xiacidaxiuriqi": "2020-00-00 22:07:04.000000", "shangcibaoyangriqi": "2020-00-00 22:07:04.000000", "shangcibaoyanghouxiaoshi": 400, "xiacibaoyangriqi": "2020-00-00 23:10:03.000000", "yunxingshijian_uuid": "1" }, { "id": 2, "lengshuijizu_uuid": "2", "shebeileixing_uuid": "1", "name": "冷水机组2", "daihao": "LSJ2", "edingzhilengliang": "1000kW", "edinggonglv": "200kW", "dingpinbianpian": "变频", "yajileixing": "离心", "lengqueleixing": "水冷", "chuchangriqi": "2023-06-08T11:28:44", "leijiyunxingxiaoshi": 12000, "daxiucishu": 1, "shangcidaxiuriqi": "2020-00-00 22:07:04.000000", "shangcidaxiuhouxiaoshi": 400, "xiacidaxiuriqi": "2020-00-00 22:07:04.000000", "shangcibaoyangriqi": "2020-00-00 22:07:04.000000", "shangcibaoyanghouxiaoshi": 400, "xiacibaoyangriqi": "2020-00-00 23:10:03.000000", "yunxingshijian_uuid": "1" }, { "id": 3, "lengshuijizu_uuid": "3", "shebeileixing_uuid": "1", "name": "冷水机组3", "daihao": "LSJ3", "edingzhilengliang": "1000kW", "edinggonglv": "200kW", "dingpinbianpian": "变频", "yajileixing": "离心", "lengqueleixing": "水冷", "chuchangriqi": "2023-06-30T11:28:48", "leijiyunxingxiaoshi": 12000, "daxiucishu": 1, "shangcidaxiuriqi": "2020-00-00 22:07:04.000000", "shangcidaxiuhouxiaoshi": 400, "xiacidaxiuriqi": "2020-00-00 22:07:04.000000", "shangcibaoyangriqi": "2020-00-00 22:07:04.000000", "shangcibaoyanghouxiaoshi": 400, "xiacibaoyangriqi": "2020-00-00 23:10:03.000000", "yunxingshijian_uuid": "1" } ],
         tableData1:[ { "id": 1, "lengshuijizu_uuid": "1", "shebeileixing_uuid": "1", "name": "冷却水泵1", "daihao": "LSJ1", "edingzhilengliang": "1000kW", "edinggonglv": "200kW", "dingpinbianpian": "变频", "yajileixing": "离心", "lengqueleixing": "水冷", "chuchangriqi": "2023-06-29T00:00:00", "leijiyunxingxiaoshi": 12000, "daxiucishu": 1, "shangcidaxiuriqi": "2020-00-00 22:07:04.000000", "shangcidaxiuhouxiaoshi": 400, "xiacidaxiuriqi": "2020-00-00 22:07:04.000000", "shangcibaoyangriqi": "2020-00-00 22:07:04.000000", "shangcibaoyanghouxiaoshi": 400, "xiacibaoyangriqi": "2020-00-00 23:10:03.000000", "yunxingshijian_uuid": "1" }, { "id": 2, "lengshuijizu_uuid": "2", "shebeileixing_uuid": "1", "name": "冷却水泵2", "daihao": "LSJ2", "edingzhilengliang": "1000kW", "edinggonglv": "200kW", "dingpinbianpian": "变频", "yajileixing": "离心", "lengqueleixing": "水冷", "chuchangriqi": "2023-06-08T11:28:44", "leijiyunxingxiaoshi": 12000, "daxiucishu": 1, "shangcidaxiuriqi": "2020-00-00 22:07:04.000000", "shangcidaxiuhouxiaoshi": 400, "xiacidaxiuriqi": "2020-00-00 22:07:04.000000", "shangcibaoyangriqi": "2020-00-00 22:07:04.000000", "shangcibaoyanghouxiaoshi": 400, "xiacibaoyangriqi": "2020-00-00 23:10:03.000000", "yunxingshijian_uuid": "1" }, { "id": 3, "lengshuijizu_uuid": "3", "shebeileixing_uuid": "1", "name": "冷却水泵3", "daihao": "LSJ3", "edingzhilengliang": "1000kW", "edinggonglv": "200kW", "dingpinbianpian": "变频", "yajileixing": "离心", "lengqueleixing": "水冷", "chuchangriqi": "2023-06-30T11:28:48", "leijiyunxingxiaoshi": 12000, "daxiucishu": 1, "shangcidaxiuriqi": "2020-00-00 22:07:04.000000", "shangcidaxiuhouxiaoshi": 400, "xiacidaxiuriqi": "2020-00-00 22:07:04.000000", "shangcibaoyangriqi": "2020-00-00 22:07:04.000000", "shangcibaoyanghouxiaoshi": 400, "xiacibaoyangriqi": "2020-00-00 23:10:03.000000", "yunxingshijian_uuid": "1" } ],
         tableData2:[ { "id": 1, "lengshuijizu_uuid": "1", "shebeileixing_uuid": "1", "name": "冷冻水泵1", "daihao": "LSJ1", "edingzhilengliang": "1000kW", "edinggonglv": "200kW", "dingpinbianpian": "变频", "yajileixing": "离心", "lengqueleixing": "水冷", "chuchangriqi": "2023-06-29T00:00:00", "leijiyunxingxiaoshi": 12000, "daxiucishu": 1, "shangcidaxiuriqi": "2020-00-00 22:07:04.000000", "shangcidaxiuhouxiaoshi": 400, "xiacidaxiuriqi": "2020-00-00 22:07:04.000000", "shangcibaoyangriqi": "2020-00-00 22:07:04.000000", "shangcibaoyanghouxiaoshi": 400, "xiacibaoyangriqi": "2020-00-00 23:10:03.000000", "yunxingshijian_uuid": "1" }, { "id": 2, "lengshuijizu_uuid": "2", "shebeileixing_uuid": "1", "name": "冷冻水泵2", "daihao": "LSJ2", "edingzhilengliang": "1000kW", "edinggonglv": "200kW", "dingpinbianpian": "变频", "yajileixing": "离心", "lengqueleixing": "水冷", "chuchangriqi": "2023-06-08T11:28:44", "leijiyunxingxiaoshi": 12000, "daxiucishu": 1, "shangcidaxiuriqi": "2020-00-00 22:07:04.000000", "shangcidaxiuhouxiaoshi": 400, "xiacidaxiuriqi": "2020-00-00 22:07:04.000000", "shangcibaoyangriqi": "2020-00-00 22:07:04.000000", "shangcibaoyanghouxiaoshi": 400, "xiacibaoyangriqi": "2020-00-00 23:10:03.000000", "yunxingshijian_uuid": "1" }, { "id": 3, "lengshuijizu_uuid": "3", "shebeileixing_uuid": "1", "name": "冷冻水泵3", "daihao": "LSJ3", "edingzhilengliang": "1000kW", "edinggonglv": "200kW", "dingpinbianpian": "变频", "yajileixing": "离心", "lengqueleixing": "水冷", "chuchangriqi": "2023-06-30T11:28:48", "leijiyunxingxiaoshi": 12000, "daxiucishu": 1, "shangcidaxiuriqi": "2020-00-00 22:07:04.000000", "shangcidaxiuhouxiaoshi": 400, "xiacidaxiuriqi": "2020-00-00 22:07:04.000000", "shangcibaoyangriqi": "2020-00-00 22:07:04.000000", "shangcibaoyanghouxiaoshi": 400, "xiacibaoyangriqi": "2020-00-00 23:10:03.000000", "yunxingshijian_uuid": "1" } ],
         tableData3:[ { "id": 1, "lengshuijizu_uuid": "1", "shebeileixing_uuid": "1", "name": "冷却塔1", "daihao": "LSJ1", "edingzhilengliang": "1000kW", "edinggonglv": "200kW", "dingpinbianpian": "变频", "yajileixing": "离心", "lengqueleixing": "水冷", "chuchangriqi": "2023-06-29T00:00:00", "leijiyunxingxiaoshi": 12000, "daxiucishu": 1, "shangcidaxiuriqi": "2020-00-00 22:07:04.000000", "shangcidaxiuhouxiaoshi": 400, "xiacidaxiuriqi": "2020-00-00 22:07:04.000000", "shangcibaoyangriqi": "2020-00-00 22:07:04.000000", "shangcibaoyanghouxiaoshi": 400, "xiacibaoyangriqi": "2020-00-00 23:10:03.000000", "yunxingshijian_uuid": "1" }, { "id": 2, "lengshuijizu_uuid": "2", "shebeileixing_uuid": "1", "name": "冷却塔2", "daihao": "LSJ2", "edingzhilengliang": "1000kW", "edinggonglv": "200kW", "dingpinbianpian": "变频", "yajileixing": "离心", "lengqueleixing": "水冷", "chuchangriqi": "2023-06-08T11:28:44", "leijiyunxingxiaoshi": 12000, "daxiucishu": 1, "shangcidaxiuriqi": "2020-00-00 22:07:04.000000", "shangcidaxiuhouxiaoshi": 400, "xiacidaxiuriqi": "2020-00-00 22:07:04.000000", "shangcibaoyangriqi": "2020-00-00 22:07:04.000000", "shangcibaoyanghouxiaoshi": 400, "xiacibaoyangriqi": "2020-00-00 23:10:03.000000", "yunxingshijian_uuid": "1" }, { "id": 3, "lengshuijizu_uuid": "3", "shebeileixing_uuid": "1", "name": "冷却塔3", "daihao": "LSJ3", "edingzhilengliang": "1000kW", "edinggonglv": "200kW", "dingpinbianpian": "变频", "yajileixing": "离心", "lengqueleixing": "水冷", "chuchangriqi": "2023-06-30T11:28:48", "leijiyunxingxiaoshi": 12000, "daxiucishu": 1, "shangcidaxiuriqi": "2020-00-00 22:07:04.000000", "shangcidaxiuhouxiaoshi": 400, "xiacidaxiuriqi": "2020-00-00 22:07:04.000000", "shangcibaoyangriqi": "2020-00-00 22:07:04.000000", "shangcibaoyanghouxiaoshi": 400, "xiacibaoyangriqi": "2020-00-00 23:10:03.000000", "yunxingshijian_uuid": "1" } ],

      }
   },
   methods: {
      // async initTestList() {
      //    const { data } = await getLenshuijizu();

      //    this.tableData = data.data;
      // }
   },
})
</script>
  
<style scoped lang="less" >
#equipment {

   .equipment-box {
      margin-bottom: 0.2rem;

      // background-color: rgb(68, 0, 255);
      .left {
         width: 20%;
         background-color: #e3f2fe;
         margin-right: 0.1rem;
         padding: 0.1rem;
         height: 220px;
      }

      .right {
         background-color: #e3f2fe;
         padding: 0.1rem;
         width: 80%;
         height: 220px;
      }
   }
}
</style>